@charset 'utf-8';

* {
	font-size: .3rem;
	color: #999;
}

body {
	background-color: #EFEFEF;
}

/*大容器*/
#homeWrap {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/*头部*/
#header {
	width: 100%;
	height: 1rem;
	align-items: center;
	background-color: #FFD600;

	display: flex;
	justify-content: space-between;

	position: fixed;
	top: 0;

	z-index: 1;
}
#header>#address {
	color: black;
	width: 4rem;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

	margin-left: .4rem;
}

#header>#search {
	margin-right: .2rem;
	margin-top: .1rem;
}
#header .searchBg {
	width: .4rem;
	height: .4rem;
	background-image: url(../images/search.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#header .searchText {
	font-size: .25rem;
	color: black;
}

/*帮助header站位的div*/
#phHeader {
	height: 1rem;
}


/*轮播图*/
#banner {
	width: 100%;
	position: relative;
	height: 2.75rem;
}
#banner img {
	/*width: 100%;*/
	display: block;
	float: left;
}
#banner>#rowImg {
	/*width: 100%;*/
	position: absolute;
	top: 0;
	left: 0;
}
#banner>#imgControl {
	position: absolute;
	bottom: .2rem;
	right: .3rem;
}
#banner>#imgControl>.ctrlBtn {
	float: left;
	margin-left: .15rem;
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
	background-color: white;
}


/*链接位*/
#link {
	width: 100%;
	height: 1.4rem;
	display: flex;
	justify-content: space-around;
	background-color: white;
	margin: .15rem 0;
	padding: .2rem 0;

	text-align: center;
}
#link>.linkItem {
	flex-basis: 25%;
	height: 1.2rem;
}
#link>.linkItem>.linkBg {
	width: 85%;
	height: 80%;
	/*background-image: url(http://img01.bqstatic.com//upload/activity/2017032016495191.png);*/
	background-size: 100% 100%;

	margin: 0 auto;
}
#link>.linkItem>.linkText {
	font-size: .25rem;
}

/*广告位*/
#ad {
	width: 100%;
	height: 2rem;
	background-color: white;

	display: flex;
}
#ad>div {
	flex-grow: 1;
	border-right: 1px solid #ddd ;

	background-image: url(http://img01.bqstatic.com//upload/activity/2017032412180540.jpg@90Q.jpg);
	background-size: 100% 100%;
}
#ad>div:last-of-type {
	border: none;
}

/*便利店1小时到家*/
#store {
	width: 100%;
	background-color: white;

	margin: .2rem 0;
}
/*开头背景*/
#store #storeBg {
	height: 1rem;
	background-image: url(http://img01.bqstatic.com//upload/activity/201609232046093.png@90Q.png);
	background-size: 100% 100%;
}
/*热销*/
#hotSell {
	height: 1.2rem;
	display: flex;
	margin-bottom: .2rem;
}
#hotSell>div {
	flex-basis: 45%;
	height: 100%;
	margin-left: .2rem;
	background-image: url(http://img01.bqstatic.com//upload/activity/2017030919451621.jpg@90Q.jpg);
	background-size: 100% 100%;
}
/*更多*/
#more {
	height: 2rem;
	background-color: white;

	display: flex;
	justify-content: space-around;

	border-bottom: 1px solid #ddd;
}
#more>.moreItem {
	height: 2rem;
	flex-basis: 25%;
	text-align: center;
}
#more>.moreItem>.moreBg {
	height: 1.2rem;
	width: 100%;
	background-image: url(http://img01.bqstatic.com//upload/activity/2016092415274759.png@90Q.png);
	background-position: center;
}
#more>.moreItem>.moreText {
	font-size: .25rem;
}
/*零食*/
#snacks {
	height: 1.5rem;
	display: flex;
}
#snacks>div {
	height: 100%;
	flex-basis: 50%;
	background-image: url(http://img01.bqstatic.com//upload/activity/201609241914489.jpg@90Q.jpg);
	background-size: 100% 100%;
}
#snacks>div:first-of-type {
	border-right: 1px solid #ddd;
}

/*主体*/
#main {
	width: 100%;
	height: 100%;

	display: flex;
	flex-direction: column;

	margin-bottom: 1.2rem;
}
/*头*/
#main>.module {
	background-color: white;
	margin-bottom: .2rem;
}
#main>.module>.title {
	line-height: .8rem;
	display: flex;
	justify-content: space-between;
	padding: 0 .2rem;
}
#main>.module>.title>.head {
	color: #F38631;
}
#main>.module>.title>.head>.homeMark {
	display: inline-block;
	width: .15rem;
	height: .3rem;
	background-color: #F38631;
	position: relative;
	top: 3px;
	margin-right: .1rem;
}
#main>.module>.title>.titleMore {
	display: inline-block;
	width: 1rem;
	font-size: .25rem;
	background: url(../images/arrow.png) right center no-repeat;
	background-size: 40%;
}
/*图片*/
#main>.module>.bannerImg {
	width: 100%;
}
/*底部*/
#main>.module>.bottom {
	width: 100%;
	display: flex;
}
#main>.module>.bottom>div {
	flex-basis: 33%;
	padding: .2rem 0;
}
#main>.module>.bottom>div>.box {
	width: 90%;
	padding: 0 .1rem;
	border-right: 1px solid #ddd;
	position: relative;
}
#main>.module>.bottom>div:last-of-type>.box {
	border-right: none;
}
/*图片*/
#main>.module>.bottom>div>.box>.proImg {
	width: 100%;
}
/*介绍*/
#main>.module>.bottom>div>.box>.intro {
	width: 1.8rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .25rem;
}
/*精选*/
#main>.module>.bottom>div>.box>.sel {
	font-size: .2rem;
	color: red;
	border: 1px solid red;
	border-radius: .07rem;
	display: inline-block;
	padding: 0 .05rem;
}
/*num*/
#main>.module>.bottom>div>.box>.num {
	font-size: .2rem;
	line-height: .4rem;
}
/*price*/
#main>.module>.bottom>div>.box>.price {
	font-size: .2rem;
	color: red;
	font-weight: bold;
}

/*按钮位*/
.cIcon {
	 width: .5rem;
	 height: .5rem;
	 background-color: red;
	 border: 1px solid #eee;
	 border-radius: 50%;
	 background-image: url(../images/add.png);
	 background-position: -.48rem;
	 background-size: 1rem;
	 background-repeat: no-repeat;
	 position: absolute;
	 right: .2rem;
	 bottom: .1rem;
}

.pm_desc {
	display: inline-block;
	width: 1rem;
	text-align: center;
	font-size: .2rem;
	color: white;
	background-color: red;
	margin-left: .1rem;
	border-radius: .1rem;
}